.alert {
  @apply -flex -items-center -px-3 -py-2 -gap-3 -bg-[--alert-bg] -rounded;
}
.alert-content {
  @apply -flex-auto -flex -flex-col -gap-4;
}
.alert-close {
  @apply --my-1.5 --mr-2;
}
.alert-link {
  @apply -font-bold -text-inherit hover:-text-inherit hover:-underline;
}
.alert-heading {
  @apply -font-bold -m-0;
}
.alert-text {
  @apply -whitespace-pre-line -flex-auto;
}
.alert-actions {
  @apply -flex -items-center -gap-2;
}
